html,
body {
  margin: 0;
  font-family: sans-serif;
}

/*水平一级导航菜单：li为行级元素，a变为具有块级特性*/
.menu1 ul {
  padding: 0;
  width: 100%;
  /* li变为行级元素后，标签间的分隔变为一个空格，
     占用了空间，可设置父容器字体大小为0px */
  font-size: 0px;
}

.menu1 li {
  display: inline;
  font-size: 1rem;
}

.menu1 a {
  display: inline-block;
  text-decoration: none;
  width: 19.5%;
  margin-right: 0.625%;
  line-height: 3;
  text-align: center;
}

.menu1 li:last-child a {
  margin-right: 0px;
}

.menu1 a:link,
.menu1 a:visited,
.menu1 a:focus{
    background: rgb(255, 185, 185);
}

.menu1 a:hover{
    background: orange;
}

.menu1 a:active{
    background: red;
    color: white;
}


.menu2 ul{
    margin: 0;
    padding: 0;
}

.menu2 li{
    display: inline;
}

/* 除最后一个li之外都增加一个箭头内容 */
.menu2 li:not(:last-child)::after{
    content: "→";
    display: inline-block;
    margin: 0 10px;
   
}